// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.small-padding {
  .cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.fixed-width {
  .el-button--mini {
    padding: 7px 10px;
    min-width: 60px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;

    .el-tag {
      margin-right: 0px;
    }
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  box-shadow: 0px 8px 16px -8px rgba(0,0,0,0.16), 0px 12px 32px 0px rgba(0,0,0,0.12), 0px 16px 48px 16px rgba(0,0,0,0.08)!important;
  border-radius: 20px!important;
  -webkit-border-radius: 20px!important;
  -moz-border-radius: 20px!important;
  -ms-border-radius: 20px!important;
  -o-border-radius: 20px!important;
}
::v-deep .el-dialog {
  margin-top: 30vh;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}
.el-table th{
  background: #F5F7FA!important;
}
.el-table th:first-child{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.el-table th:last-child{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.el-table thead{
  color: #8C8C8C!important;
  border-radius: 10px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  -ms-border-radius: 10px!important;
  -o-border-radius: 10px!important;
}
.el-table td{
  border-bottom-color: #EBEEF5!important;
  color: #191919;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
}
.el-table th.is-leaf{
  border-bottom: none!important;
}
.el-table th, .el-table td{
  text-align: center!important;
}
.el-table--medium th,.el-table--medium td{
  padding: 16px 0!important;
}
.el-message-box{
  box-shadow: 0px 8px 16px -8px rgba(0,0,0,0.16), 0px 12px 32px 0px rgba(0,0,0,0.12), 0px 16px 48px 16px rgba(0,0,0,0.08)!important;
  border-radius: 20px!important;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
  -webkit-border-radius: 20px!important;
  -moz-border-radius: 20px!important;
  -ms-border-radius: 20px!important;
  -o-border-radius: 20px!important;
}
.el-message-box--center .el-message-box__content{
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}
.el-message-box--center .el-message-box__header{
  padding-top: 0!important;
}
.el-message-box__headerbtn{
  top: 0!important;
}